.user-map-chart-network{
  width: 250px;
  height: 260px;
  position: absolute;
  top: 50px;
  left: 30px;
  z-index: 100;
  color: rgb(80,227,194);
  background: rgba(28,28,28,.7);
  border-radius: 6px;
  box-shadow: inset 0 0 16px #48ab5d;
}
.user-map-chart-access{
  width: 500px;
  height: 240px;
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 100;
  color: rgb(80,227,194);
  background: rgba(28,28,28,.7);
  border-radius: 6px;
  box-shadow: inset 0 0 16px #48ab5d;
}
.user-map-chart-pollute{
  width: 620px;
  height: 240px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  color: rgb(80,227,194);
  background: rgba(28,28,28,.7);
  border-radius: 6px;
  box-shadow: inset 0 0 16px #48ab5d;
}
.user-map-chart-network-title,.user-map-chart-access-title,.user-map-chart-pollute-title{
  position: absolute;
  top: -12px;
  font-size: 18px;
  left: 18px;
  background: rgba(72,171,93,.5);
  padding: 3px 10px;
  border-radius: 3px;
}
.user_site{
  z-index: 9999;
  position: absolute;
  top:0;
  right:0;

}
.user_site_detail{
  float: left;
  position: relative;
  width:0px;
  background: #fff;
}
.user_site_arrow{
  float: left;
  margin-top: 120px;
  color: #fff;
  padding:50px 15px;
  background: rgb(4,121,64);
  border-radius: 5px 0 0 5px;
}
.user_site_detail_title{
  height:50px;
  line-height: 50px;
  background: rgb(232,232,232);
  font-family: "黑体";
  padding-left: 10px;
}
.user_site_content{
  padding-right: 6px;
  position: absolute;
  top:80px;
  left:0px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 16px #48ab5d;
}
